/*This is the css style sheet for the woodcraft website*/

body {margin-left:20px; margin-right:0px; background-color:#ff9900; background-image:url("woodcraftIcon.jpg");}

h1 {font-family: "Times New Roman", Times, serif; font-style: italic; color:#ff9900;}

h2 {face:"Times New Roman", Times, serif; color:#ff9900;}
h2.project {face:"Times New Roman", Times, serif; color:#993300; text-align:center;}

p {display:block; color:#993300; font-size:16px; font-family:"Times New Roman", Times, serif;}
p.centre{display:block; color:#993300; font-size:16px; font-family:"Times New Roman", Times, serif;text-align:center;}


span {float:center; display:inline; font-weight:bold; color:#993300; background-color:#ffb84d;border-radius: 25px; width:240px 
       text-align:center; padding:4px; text-decoration:none; }

em {font-family:"Times New Roman"; font-size:16px;}

ol {font-family: "Times New Roman", Times, serif; color:#993300;}

/*Hyperlinks for the general use*/
a.normal:link {color:#993300;}    /* unvisited link */
a.normal:visited {color:#993300;} /* visited link */
a.normal:hover {color:#993300;}   /* mouse over link */
a.normal:active {color:#993300;}  /* selected link */

/*li { display:inline;}*/

/*ul {list-style-type:none; margin:0; padding:0;padding-top:6px;padding-bottom:6px;}*/

/*The menu style hyperlinks*/
a.menu:link, a.menu:visited {float:center; display:inline; font-weight:bold; color:#993300; background-color:#ffb84d;border-radius: 25px; width:240px 
       text-align:center; padding:4px; text-decoration:none; font-style: italic;}

a.menu:hover, a.menu:active {background-color:#cc3300;border-radius: 25px;}

span.menu:link, span.menu:visited {float:center; display:inline; font-weight:bold; color:#993300; background-color:#ffb84d;border-radius: 25px; width:240px 
       text-align:center; padding:4px; text-decoration:none;}

span.menu:hover, span.menu:active {background-color:#cc3300;border-radius: 25px;}

div.center_div {margin-left:auto; border-radius:25px; display:block; margin-left:10%; margin-right:10%; width:80%; background-color:#ffb84d; text-align:justify;
       padding:8px; z-index:-1; float:center;}

div.menu_center_div {margin-left:10%; margin-right:10%; text-align:center; display:block; border-radius:25px;
    background-image:url("wood2.jpg"); background-color:#ff9900; text-align:center; height:50px; width:80%; padding:4px; position:relative; }

div.bgcenter_div {margin-left:10%; margin-right:10%; width:80%; height:auto; background-image:url("wood2.jpg"); background-color:#993300; text-align:center;
       padding:4px; position:absolute;}

/*div.container {text-align:left;position:relative;}

div.center_div {margin-left:10%; margin-right:10%; width:80%; background-color:#ffffff; text-align:left;
       padding:8px; position:relative;}*/

/* Dropdown Button */
div.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
div.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
div.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffb84d;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
div.dropdown-content a {
    color: #993300;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
div.dropdown-content a:hover {background-color: #cc3300}

/* Show the dropdown menu on hover */
div.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
div.dropdown:hover .dropbtn {
    background-color: white;
}